<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="renderer" content="webkit">
	<title></title>
	<link rel="stylesheet" href="styles/reset.css">
	<link rel="stylesheet" href="styles/common.css">
	<link rel="stylesheet" href="styles/register.css">
	<link rel="stylesheet" href="styles/personal.css">
</head>
<body>
<div class="main-container">
<!-- 左边 -->
<!--include "block/left.html"-->
<!-- 右边 -->
<div class="pull-right main-right">
	<!--include "block/top.html"-->
	<div class="main">
		<div class="sub_nav">
			<div class='nav_item'><a href='login.html' target="_blank">REGISTER / LOGIN</a></div>
			<div class='nav_item'><a href='personal.html' target="_blank" class="current">PERSONAL INFO</a></div>
			<div class='nav_item'><a href='history.html' target="_blank">ONLINE ORDER HISTORY</a></div>
			<div class='nav_item'><a href='update.html' target="_blank">UPDATE PASSWORD</a></div>
		</div>
		<table class="register">
			<tr>
				<td style="width: 142px">First Name:</td>
				<td><input type='text'></td>
			</tr>
			<tr>
				<td>Last Name:</td>
				<td><input type='text'></td>
			</tr>
			<tr>
				<td>Email Address:</td>
				<td><input type='text'></td>
			</tr>
			<tr>
				<td>Phone:</td>
				<td style="position: relative;">
					<input type='text'>
					<div class="phone-warning">It is very important for delivery!</div>
				</td>
			</tr>
			<tr>
				<td>Country:</td>
				<td>
					<div class="country width-100">
						<select>
							<option>1</option>
							<option>2</option>
							<option>3</option>
							<option>4</option>
						</select>
						<label></label>
					</div>
				</td>
			</tr>
			<tr>
				<td>Delivery Address:</td>
				<td><input type='text' class="width-100"></td>
			</tr>
			<tr>
				<td>Billing Address:</td>
				<td><input type='text' class="width-100"></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td style="text-align: left;padding-left: 24px"><input type='checkbox'>&nbsp;&nbsp;Same as Delivery Address</input></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td><div class="btn">UPDATE INFO</div></td>
			</tr>
		</table>
	</div>
</div>
<!-- 底部 -->
<!--include "block/bottom.html"-->
</div>
<script type="text/javascript" src="scripts/vendor/jquery.min.js"></script>
<script type="text/javascript" src="scripts/placeholder.js"></script>
<script type="text/javascript" src="scripts/common.js"></script>
<script type="text/javascript">
	$(function() {
		$(".country").on("change", function() {
		    var o;
		    var opt = $(this).find('option');
		    opt.each(function(i) {
		        if (opt[i].selected == true) {
		            o = opt[i].innerHTML;
		        }
		    })
		    $(this).find('label').html(o);
		});
	})
</script>
</body>
</html>
